<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>数立方</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" type='text/css' href="css/style.css">
    <link rel="stylesheet" href="css/animate.min.css">
</head>
<body>
    <header class="header">
        <div class="logo">
            <img src="img/logo.png" alt="数立方">
        </div>
        <ul>
            <li class="active"><a href="index.html">首页</a></li>
            <li ><a href="solusion.html">解决方案</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="clientcase.html">客户案例</a></li>
            <li><a href="webplan.html">建站方案</a></li>
            <li><a href="news.html">新闻资讯</a></li>
            <li><a href="support.html">技术支持</a></li>
            <li><a href="contact.html">联系我们</a></li>
        </ul>
        <ol >
                <li class="on"><a href="index.html">首页</a></li>
                <li ><a href="solusion.html">解决方案</a></li>
                <li><a href="index.html">关于我们</a></li>
                <li><a href="clientcase.html">客户案例</a></li>
                <li><a href="webplan.html">建站方案</a></li>
                <li><a href="news.html">新闻资讯</a></li>
                <li><a href="support.html">技术支持</a></li>
                <li><a href="contact.html">联系我们</a></li>
        </ol>

        <div class="mobileMenuBtn">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="mobileMenuBtn_shad"></div>
    </header>
    <div class="banner">
        <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                            <h1>打破传统-企业免网站制作费</h1>
                            <p>2016找我们做网站我们只收取空间域名成本价，免取网站高额制作费用。</p>
                            <a href="#">马上咨询</a>
                    </div>
                    <div class="swiper-slide">
                            <h1>主流三合一响应式网站</h1>
                            <p>一个网站就能自适应PC端+平板端+手机端使用</p>
                            <a href="#" class="ty">立即体验</a>
                    </div>
                    <div class="swiper-slide">
                            <h1>为企业所想 满足企业需求</h1>
                            <p>升级以您的需求为导向，提升以您的价值为目标</p>
                            <a href="#">马上咨询</a>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
               
            </div>
    </div>
    <!--右侧导航-->
    <div class="aside">
        <div class="hezuo">
          <img src="img/057.png">
          <p>合作</p>
        </div>
        <div class="zx">
            <span></span>
            <span></span>
            <span></span>
           <img src="img/059.png"> 
           <p>咨询</p>
        </div>
        <div class="help">
            <img src="img/060.png">
            <p>帮助</p>
        </div>
        <div class="Top">Top</div>
        <div class="close"></div>
    </div>
    <!--产品-->
    <div class="product clearfix">
        <div class="title wow fadeInDown">
            <h1>我们的产品</h1>
            <p>OUR PRODUCT</p>
        </div>
       
            <div class="span4  col-md-6 col-xs-12 one wow fadeInDown" >
                <div class="ww">
                    <img src="img/045.png">
                    <p>企业官网</p>
                    <p>CORPORATE WEBSITES</p>
                </div>
            </div>
            <div class="span4  col-md-6 col-xs-12 two wow flipInX">
                <div class="ww">
                    <img src="img/046.png">
                    <p>购物商城</p>
                    <p>SHOPOING MALL</p>
                </div>
            </div>
            <div class="span4  col-md-6 col-xs-12 three wow fadeInRight">
                <div class="ww">
                    <img src="img/047.png">
                    <p>空间域名</p>
                    <p>SPACE SERVICE</p>
                </div>
            </div>
            <div class="span4  col-md-6 col-xs-12 four wow fadeInDown">
                <div class="ww">
                    <img src="img/048.png">
                    <p>行业门户</p>
                    <p>INDUSTRY PORTAL</p>
                </div>
            </div> 
            <div  class="span4 col-md-6 col-xs-12 five wow flipInX">  
                <div class="ww"> 
                    <img src="img/049.png">
                    <p>三合一网站</p>
                    <p>TRIAD WEBSITE</p>
                </div>  
            </div>
            <div  class="span4  col-md-6 col-xs-12 six wow fadeInRight">  
                <div class="ww">             
                    <img src="img/050.png">
                    <p>全网营销</p>
                    <p>NETWORK MARKETING</p>
                </div>       
            </div>  
        
    </div>
<div class="youshi" >
        <div class="caption wow fadeInUp">
            <h1>数立方优势</h1>
            <p>PLATFORM ADVANTAGE</p>
        </div>
        <div class="kind clearfix">
            <div class="span4  col-xm-6 col-xs-12 wow bounceInLeft">
                <div class="ee">
                    <img src="img/008.png">
                    <h2>免网站制作费</h2>
                    <p>只收空间域名成本价</p>
                </div>
            </div>
            <div class="span4 col-xm-6 col-xs-12 wow bounceIn">
                <div class="ee">
                    <img src="img/009.png">
                    <h2>快速建站</h2>
                    <p>打破传统网站制作工时</p>
                    <p>网站制作最快只需1天</p>
                </div>    
            </div>
            <div class="span4  col-xm-6 col-xs-12 wow bounceInRight">
                 <div class="ee">
                    <img src="img/010.png">
                    <h2>多合一终端使用</h2>
                    <p>一个网站能够在CP+平板+手机完美响应展示。</p>
                </div>    
            </div>
            <div class="span4 col-xm-6 col-xs-12  wow bounceInLeft">
                <div class="ee">    
                    <img src="img/011.png">
                    <h2>大数据</h2>
                    <p>升级更新数据保留，企业数据沉淀实现数据分析。</p>
                </div>
            </div>
            <div class="span4 col-xm-6 col-xs-12 wow bounceIn">
                <div class="ee">
                    <img src="img/012.png">
                    <h2>高端设计</h2>
                    <p>主流设计风格，极致交互体验，提升品牌价值</p>
                </div>
            </div>
            <div class="span4 col-xm-6 col-xs-12 wow bounceInRight">
                <div class="ee">
                    <img src="img/013.png">
                    <h2>安全稳定</h2>
                    <p>平台运行于阿里云计算中心</p>
                    <p>多备份容灾保障，安全稳定</p>
                </div>
            </div>
        </div>  
    <div class="lunbo"> 
        <div class="proshow1">
                <img src="img/015.png" class="big">
                <div class="img1">
                    <div class="show1">
                        <img src="img/0511.jpg">
                        <img src="img/0512.jpg">
                        <img src="img/0513.jpg">
                    </div>
                </div>
                
            <div class="proshow2">
                <img src="img/017.png" class="middle">
                <div class="img2">  
                    <div class="show2">
                        <img src="img/0511.jpg">
                        <img src="img/0512.jpg">
                        <img src="img/0513.jpg">
                    </div>
                </div>
            </div>
            
            <div class="proshow3">
                <img src="img/016.png" class="small">
                <div class="img3">
                    <div class="show3">
                        <img src="img/0531.jpg">
                        <img src="img/0532.jpg">
                        <img src="img/0533.jpg">
                    </div>
                </div>
            </div>
            
        </div> 
    </div>      
    <div class="fenyeqi">
            <span class="active"></span>
            <span></span>
            <span></span>
     </div>  
</div>
<div class="market">
    <div class="caption wow fadeInUp" >
        <h1>营销优势</h1>
        <p>MARKETING  ADVANTAGE</p>
    </div>
    <div class="kind clearfix">
        <div class="span3  col-sm-6 m1" >
            <img src="img/019.jpg" class="a1">
        </div>
        <div class="span3   col-sm-6 m2  m3"  >
            <div class="one">
                <img src="img/054.jpg" class="a2" >
                <div>
                    <p>全网营销 <img src="img/020.png"></p>
                    <span>响应式全屏幕营销网站，无需重复投资无需重复维护，无需重复运营</span>
                </div>    
            </div>
            <div class="one">
                <img src="img/054.jpg" class="a2" >
                <div>
                    <p>优化搜索<img src="img/023.png"></p>
                    <span>SEO轻松提高百度谷歌等搜索引擎的关键词自然排名</span>
                </div>
            </div>
        </div>
        
        <div class="span3  col-sm-6 m2 " >
            <div class="one">
                <img src="img/054.jpg" class="a2" >
                <div>
                    <p>微信无缝对接 <img src="img/021.png"></p>
                    <span>全面整合微信营销，数据对接微信互动与分享</span>
                </div>
            </div>
            <div class="one">
                <img src="img/054.jpg"  class="a2">
                <div>
                    <p>二维码 <img src="img/024.png"></p>
                    <span>生成页面二维码，任意分享</span>
                </div>
            </div>
        </div>
        <div class="span3  col-sm-6 m2" >
            <div class="one">
                 <img src="img/054.jpg" class="a2" >
                 <div>
                    <p>社交分享 <img src="img/022.png"></p>
                    <span>一键分享到微博、QQ空间朋友圈等社交网络</span>
                </div>    
                </div>
            <div class="one">
                 <img src="img/054.jpg" class="a2" >
                 <div>
                    <p>分销体系 <img src="img/025.png"></p>
                    <span>系统化整合客户快速营销</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="partner">
    <div class="caption wow fadeInUp">
        <h1>合作伙伴</h1>
        <p>COOPERATIVE PARTNER</p>
     </div>
    <img src="img/026.png" class="wow fadeInUp" data-wow-delay="0.2s">
    <img src="img/027.png"  class="wow fadeInUp" data-wow-delay="0.4s">
    <img src="img/028_1.png"  class="wow fadeInUp" data-wow-delay="0.6s">
    <img src="img/029.png"  class="wow fadeInUp" data-wow-delay="0.8s">
    <img src="img/030.png"  class="wow fadeInUp" data-wow-delay="1s">
    <img src="img/0311.png"  class="wow fadeInUp" data-wow-delay="1.2s">
    <img src="img/0322.png"  class="wow fadeInUp" data-wow-delay="1.4s">

</div>
<div class="zxgg">
    <h1 class="wow fadeInUp">选择郑州数立方，<span>让你的企业快速迈向互联网+时代</span></h1>
    <p class="wow fadeInLeftBig">选择对的服务商能让您更快更好的迈进互联网+时代</p>
    <em class="wow fadeInUp "  >点击咨询</em>
</div>
<div class="news clearfix" >
    <div class="caption wow fadeInUp">
        <h1>新闻中心</h1>
        <p>NEWS TRENDS</p>
    </div>
    <div class="span4 col-sm-12 wow fadeInDown" data-wow-delay="0.8s">
        <div class="left ">
             <img src="img/034.jpg">
             <h2>平台动态</h2>
             <ul>
                 <li><span>10-01</span><a href="">企业网站应该多长时间备份一次？</a></li>
                 <li><span>10-01</span><a href="">如何选择网站关键词?</a></li>
                 <li><span>10-01</span><a href="">企业建站选择主机和产品服务遇到的问题</a></li>
                 <li><span>10-01</span><a href="">企业用网站进行网络宣传的优势</a></li>
                 <li><span>10-01</span><a href="">什么是伪静态？伪静态有何作用?哪种好？</a></li>
             </ul>
        </div>
    </div>
    <div class="span4 col-sm-12 wow fadeInUp" data-wow-delay="0.4s">
        <div class="middle">
            <img src="img/035.jpg">
            <h2>帮助中心</h2>
            <ul>
                <li><span>10-01</span><a href="">东莞家具出走湖北？家具业尝试高端规划集聚</a></li>
                <li><span>10-01</span><a href="">改良与创新</a></li>
                <li><span>10-01</span><a href="">如何充分发挥SEO功能</a></li>
                <li><span>10-01</span><a href="">SEO怎么加快文章的收录速度</a></li>
                <li><span>10-01</span><a href="">SEO快速排名算法</a></li>
            </ul>
        </div>
    </div>
    <div class="span4 col-sm-12 wow fadeInDown" data-wow-delay="0.8s">
        <div class="right" >
            <img src="img/036.jpg">
            <h2>行业资讯</h2>
            <ul>
                    <li><span>10-01</span><a href="">SEO网站的基本术语</a></li>
                    <li><span>10-01</span><a href="">企业建站系统有何优势？</a></li>
                    <li><span>10-01</span><a href="">什么是伪静态？伪静态有何作用?</a></li>
                    <li><span>10-01</span><a href="">为什么企业要建多国语言网站？</a></li>
                    <li><span>10-01</span><a href="">企业用网站进行网络宣传的优势</a></li>
            </ul>
        </div>
    </div>
</div>
    <div class="foot clearfix wow fadeInUp">
        <div class="container  clearfix">
            <div class="one">
                <img src="img/weixin.png">
            </div>  
            <div class="two">
                <h1>快速导航</h1>
                <ul class="clearfix">
                    <li><a href="">首页</a></li>
                    <li><a href="">解决方案</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">客户案例</a></li>
                    <li><a href="">建站方案</a></li>
                    <li><a href="">新闻资讯</a></li>
                    <li><a href="">技术支持</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
                
            </div> 
            <div class="three">
                    <h1>友情链接</h1> 
                    <ul>
                        <li><a href="">网站模板</a></li>
                        <li><a href="">主机</a></li>
                        <li><a href="">响应式模板</a></li>
                    </ul>
            </div>
            <div class="four">
                    <h1>联系方式</h1> 
                    <ul>
                        <li>地址：广东省广州市番禺区玉沙路金城国际大厦</li>
                        <li>电话：66666685</li>
                        <li>网址：www.baidu.com</li>
                        <li>邮箱：admin@qq.com</li>
                    </ul>
            </div>  
            
        </div>
        <div class="copy clearfix">
            Copyright © 2002-2017 数立方网站 版权所有 粤ICP备326565959号 
        </div>    
    </div> 
   
</body>
</html>
<script src="jquery-3.2.1.min.js" ></script>
<script src="swiper-3.4.2.jquery.min.js" ></script>
<script src="wow.js"></script>
<script src="style.js"></script>
<script >        
        var mySwiper = new Swiper ('.swiper-container', {
          //direction: 'horizontal',//默认的方向就是水平方向
          loop: true,
          autoplay: 2000,//可选选项，自动滑动
          speed:800,          
          // 如果需要分页器
          pagination: '.swiper-pagination',
          paginationClickable: true,
          autoplayDisableOnInteraction:false
        }) 
        new WOW().init();  
       
</script>